<script setup>
  import { ref } from 'vue'
  const searchValue = ref('')

  function onSearchClick() {
    console.log('跳转到搜索页面', searchValue.value)
  }
</script>

<template>
  <view class="diy-search">
    <uni-search-bar placeholder="搜索你要找的商品" @click="onSearchClick" :focus="true" :radius="100" cancelButton="false" v-model="searchValue"></uni-search-bar>
  </view>
</template>

<style lang="scss">
  .diy-search {
    background: #f1f1f2;
    // padding: 10rpx 0;
    font-size: 26rpx;
  }
</style>
